Så lige dit svar. Vil virkeligt gerne have du laver det idag da jeg har deadline imorgen 
sådan:
<html>
<head>
<title>Knaptest</title>
<script type="text/javascript">
/* sel er det markerede menupunkts id */
var sel = '';
var oldimg = '';
/*
funktionen dohover ændrer baggrundsfarve for element.
hvis force = true så gennemtvinges farveskift.
*/
function dohover(elem, img, force)
{
if(sel == '' || force == true)
{
elem.src = img;
}
}
/*
funktionen doexit ændrer baggrundsfarve for element.
hvis force = true så gennemtvinges farveskift.
*/
function doexit(elem, img, force)
{
if(sel == '' || force == true)
{
elem.src = img;
}
}
/*
funktionen mark markerer et element og gør at de andre
menupunkter ikke kan vælges.
Det eneste nye er oimg som er det billede
der skal skiftes tilbage til når det ikke længere er markeret
*/
function mark(elem, img, oimg)
{
if(sel != '')
{
/*Eftersom vi kun har et id, så må vi jo bruge DOM*/
doexit(document.getElementById(sel), oldimg, true);
}
sel = elem.id;
oldimg = oimg;
dohover(elem, img, true);
}
</script>
</head>
<body>
<img id="knap1" src="knap.jpg" border="0" onmouseover="dohover(this, 'knaph.jpg', false);" onmouseout="doexit(this, 'knap.jpg', false);" onclick="mark(this, 'knapm.jpg', 'knap.jpg');" />
<img id="knap2" src="knap2.jpg" border="0" onmouseover="dohover(this, 'knap2h.jpg', false);" onmouseout="doexit(this, 'knap2.jpg', false);" onclick="mark(this, 'knap2m.jpg', 'knap2.jpg');" />
<img id="knap3" src="knap.jpg" border="0" onmouseover="dohover(this, 'knaph.jpg', false);" onmouseout="doexit(this, 'knap.jpg', false);" onclick="mark(this, 'knapm.jpg', 'knap.jpg');" />
<img id="knap4" src="knap4.jpg" border="0" onmouseover="dohover(this, 'knap4h.jpg', false);" onmouseout="doexit(this, 'knap4.jpg', false);" onclick="mark(this, 'knap4m.jpg', 'knap4.jpg');" />
</body>
</html>
her er det med billeder:
http://www.ibusi.dk/udvikleren/5-461/5-461.zip, men preload af billeder til menuen må du selv bikse med
Casper